<link rel="stylesheet" href="view/table/css/bootstrap.min.css">
<link rel="stylesheet" href="view/table/css/bootstrap-table.min.css">
<link rel="stylesheet" href="view/time/css/datepicker.css">
<link rel="stylesheet" type="text/css" href="css/j-tablehtml.css">
<div class="j-dialog" id="driverlineDialog">
	<div class="j-dialog-bg big-bg">
        <div></div>
        <div></div>
        <div></div>
    </div>
	<div class="j-dialog-con size-big">
		<div class="j-dialog-header">
			<div class="title">
				<span id="dialog_title">添加区域围栏</span>
				<div class="close-div" onclick="closeDialog()"></div>
			</div>
		</div>
		<div class="j-dialog-content draw-map">
			<div class="map-c">
				<div class="map-btn-div" id="jmap_tools">
					<!-- <div class="iconfont" id="btn_bind_draw">&#xe64b;</div>
					<div class="iconfont" id="btn_delete_draw">&#xe613;</div> -->
				</div>
				<div id="jDdraw_map"></div>
				<div class="dmap-right-div">
					<form id="form_weilan">
						<!-- <div class="jdialog-row">
							<p><span style="color:#f00;">*</span> 方式</p>
							<div class="jdialog-select-div" id="dselect_draw_type"></div>
						</div> -->
						<div class="jdialog-row">
							<p><span style="color:#f00;">*</span> 名称</p>
							<input type="text" required id="d_input_name" name="name">
						</div>
						<div class="jdialog-row">
							<p><span style="color:#f00;">*</span> 坐标点</p>
							<input type="text" required readonly id="dialog_input_point" name="position">
						</div>
						<div class="jdialog-row">
							<p><span style="color:#f00;">*</span> 描述</p>
							<input type="text" required id="dialog_input_ms" name="remark">
						</div>
						<div class="jdialog-btn">
			                <button class="j-btn" onclick="closeDialog()">取消</button>
			                <button class="j-btn primray" id="add_dialog_submit">确定</button>
			            </div>
		            </form>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="table-con">
	<div class="j-tab-con tab2" id="jtab2">
		<ul>
			<li class="active" data-type="1">圆形设置</li>
			<li data-type="2">矩形设置</li>
			<li data-type="3">多边形设置</li>
			<li data-type="4">线路设置</li>
		</ul>
	</div>
	<div class="j-search-con">
		<div class="border-j-top"></div>
		<div class="border-j-bottom"></div>
		<div class="search-div">
			<div class="j-search-row" style="margin-bottom:20px;">
				<div class="item">
					<p>名称</p>
					<input type="text" id="search_input_name">
				</div>
				<button class="j-btn" style="margin-right:10px;" id="searchClick">查询</button>
				<button class="j-btn j-btn1" style="margin-right:10px;" id="resetClick">重置</button>
				<div style="flex:1;">
					<button class="j-btn j-btn-table" style="float: right;" id="add_btn"><i class="iconfont">&#xe638;</i>添加</button>
				</div>
			</div>
			<div class="j-table">
				<div class="cnf_table">
	            	<table id="jtable_line"></table>
	         	</div>
			</div>
		</div>
	</div>
</div>
<script src="view/table/js/bootstrap.min.js"></script>
<script src="view/table/js/bootstrap-table.js"></script>
<script src="view/time/js/moment.min.js"></script>
<script src="view/time/js/datepicker.all.js"></script>
<script type="text/javascript" src="js/jrequest.js"></script>
<script type="text/javascript" src="js/jdialog-btn.js"></script>
<script type="text/javascript" src="js/jdSelect.js"></script>
<script type="text/javascript" src="js/information/ruleManagement/driverlinetab.js"></script>
